.page-index {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 15px;

  &__header {
    display: flex;
    &--query {
      flex: 1;
    }
    &--actions {
      display: flex;
      justify-content: flex-end;
    }
  }

  &__board {
  }

  &__toolbar {
  }

  &__content {
    flex: 1;
    overflow: hidden;
    &.scroll-box {
      @extend .show-scroll-bar;
      overflow: auto;
    }
  }

  &__footer {
  }
}

.show-scroll-bar {
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f5f5f5;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
}
